<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米有礼</title>
    <link rel="stylesheet" href="./recommend.css">
</head>
<body>
    <header>
        <div class="redmi">
            <img src="./img/redmi.png" alt="">
        </div>
        <div class="life">
            <img src="./img/life.png" alt="">
        </div>
    </header>
    <main>
        <div class="contant">
            <div class="title">
                <h3>上新精选</h3>
                <span class="selected">精选新品 闭眼放心买</span>
            </div>
            <div class="list">
                <div class="liston">
                    <img src="./img/p1.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">足金瑞兽转运珠</p>
                    <p class="list2">祥瑞转运珠，平安热礼</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥1269起</p>
                </div>
                        
                <div class="liston">
                    <img src="./img/p2.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">台式净饮机冷热版</p>
                    <p class="list2">5C冰镇水,冷水一键出水</p>
                    <span class="list3">97%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥2299起</p>
                </div>
                <div class="liston">
                    <img src="./img/p3.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">无线双控屏幕挂灯</p>
                    <p class="list2">无线控光，双控多模，双屏使用1</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥89起</p>
                </div>
                <div class="liston">
                    <img src="./img/p4.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">米家物业净化扇</p>
                    <p class="list2">净化循环二合一，居家自由呼吸</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥1399起</p>
                </div>
                <div class="liston">
                    <img src="./img/p5.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">xiaovv婴儿监护器</p>
                    <p class="list2">米家app控制，婴儿哭声检测</p>
                    <span class="list3">98%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥39起</p>
                </div>
                <div class="liston">
                    <img src="./img/p6.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">黑鲨冰封散热背夹</p>
                    <p class="list2">急速制冷，静音无忧</p>
                    <span class="list3">98%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥165起</p>
                </div>
                <div class="liston">
                    <img src="./img/p7.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">米家空调立式3匹</p>
                    <p class="list2">柔风风感，分区送风</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥6499起</p>
                </div>
                <div class="liston">
                    <img src="./img/p8.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">五粮液商务五粮醇</p>
                    <p class="list2">精致包装，品质之选</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥443</p>
                </div>
                <div class="liston">
                    <img src="./img/p9.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">云式365L法式冰箱</p>
                    <p class="list2">星幕蓝新色调,Ag离子抗菌</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥2799</p>
                </div>
                <div class="liston">
                    <img src="./img/p5.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">xiaovv婴儿监护器</p>
                    <p class="list2">米家app控制，婴儿哭声检测</p>
                    <span class="list3">98%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥39起</p>
                </div>
                <div class="liston">
                    <img src="./img/p4.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">米家物业净化扇</p>
                    <p class="list2">净化循环二合一，居家自由呼吸</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥1399起</p>
                </div>
                <div class="liston">
                    <img src="./img/p9.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">云式365L法式冰箱</p>
                    <p class="list2">星幕蓝新色调,Ag离子抗菌</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥2799</p>
                </div>
                <div class="liston">
                    <img src="./img/p3.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">无线双控屏幕挂灯</p>
                    <p class="list2">无线控光，双控多模，双屏使用1</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥89起</p>
                </div>
                <div class="liston">
                    <img src="./img/p7.png" alt="">
                </div>
                <div class="lists">
                    <p class="list1">米家空调立式3匹</p>
                    <p class="list2">柔风风感，分区送风</p>
                    <span class="list3">100%</span>
                    <span class="list4">好评率</span>
                    <p class="list5">￥6499起</p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="more">
            <p class="morelite">—————更多好物，敬请期待—————</p>
        </div>
    </footer>
</body>
</html>